<%- include header.ejs %>
<div style="background-color: #f1f1f1">
    <div style="margin-left: 10%;margin-right: 10%">
        <div class="row-fluid clearfix" style="margin-top:20px;background-color: #f2f2f2">
            <div class="span6 column ui-sortable">
                <div id="myCarousel" class="carousel slide" style="height:360px;width:550px;">
                    <ol class="carousel-indicators">
                        <% datastpxx.forEach(function(data, index){ %>
                        <li data-target="#myCarousel" data-slide-to="<%= index %>"
                            class="<% if(index == 0){ %>active<% } %>"></li>
                        <% }) %>
                    </ol>
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <% datastpxx.forEach(function(data, index){ %>
                        <div class="<% if(index == 0){ %>active<% } %> item">
                            <a href="/showContent?id=<%=data.PicNews_FileContentID%>" target="_blank"><img
                                        src="data: <%= data.FileContent_Type %>;base64,<%= data.FileContent_Content %>"
                                        style="height: 360px;width: 550px"/></a>

                            <div class="carousel-caption" contenteditable="true" style="text-align: center">


                                <p><%=data.PicNews_FileName.split('.')[0]%></p>
                            </div>
                        </div>
                        <% }) %>
                    </div>
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                </div>
            </div>
            <div class="span6 column ui-sortable" style="padding-left: 2%">
                <b style="font-size: 18px;font-family: '微软雅黑';">培训动态</b><br/>
                <% dataspxdt.forEach(function(data, index){ %>
                <div style="margin-top: 15px">
                    <div style="color:white;float:left;margin-right:10px;background:#E5B6B6;width: 65px;height: 65px;text-align:center">
                        <p><%= data.UploadFile_ShowDate.substr(0, 7) %></p>

                        <div style="font-size: 28px;margin-top:10px"><%= data.UploadFile_ShowDate.substr(8) %></div>
                    </div>

                    <div style="font-family: '微软雅黑';font-size: 15px;padding-top:5px;margin-bottom:15px;">
                        <sapn><b><a href="/showContent?id=<%=data.UploadFile_FileContentID%>"><%= data.UploadFile_FileName.split('.')[0] %></a></b></sapn>
                        <br/><span
                                style="font-size: 13px;color:#949494;font-family: '微软雅黑';"><%= data.UploadFile_Describe %></span>
                    </div>
                </div>
                <div style="clear: both"></div>
                <% }) %>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #f9f9f9">
    <div class="container" style="margin-left: 10%;margin-right: 10%;padding-top: 25px;">
        <div class="span4 column ui-sortable" style="margin-left: 0;margin-right: 3%;">
            <div class="menu1" style="background-color: #f1f1f1;width: 100%;line-height: 45px;text-align: center">

                <div url="10" style="cursor: pointer;float: left;width:50%;font-size: 18px;background-color:#6EA748;color: #fff;font-family: '微软雅黑';text-align: center;">
                    培训资讯
                </div>
                <div url="16" style="cursor: pointer;float: left;width:50%;font-size: 18px;background-color:#f3f3f3;font-family: '微软雅黑';text-align: center;">
                    成果展示
                </div>
            </div>
            <ul id="ajax01" style="margin-left: 0px;margin-top:70px;padding: 10px;font-size: 14px;font-family: '微软雅黑';">
                <% dataspxzx.forEach(function(data, index){ %>
                <li style="margin-bottom: 10px;"><%if(index==0){%><img src="/images/huiyi.jpg" style="margin-right:5px; float: left"/><%}else{%><div style="clear: both"></div><%}%>
                    <a href="/showContent?id=<%=data.UploadFile_FileContentID%>"><%= data.UploadFile_FileName.split('.')[0] %></a><span
                            style="right: 5px;float: right"><%= data.UploadFile_ShowDate.substr(5) %></span>
                </li>
                <% }) %>
                <a href="/showupload?id=10" style="float: right" target="_blank"><img src="/images/more1.jpg" ></a>
                <div style="height: 20px"></div>
            </ul>
        </div>
        <div class="span4 column ui-sortable" style="margin-left: 0;margin-right: 5px;">
            <div class="menu2" style="background-color: #f1f1f1;width: 100%;line-height: 45px;text-align: center">
                <div url="11" style="cursor: pointer;float: left;width:50%;font-size: 18px;background-color:#6EA748;color: #fff;font-family: '微软雅黑';text-align: center;">
                    政策文件
                </div>
                <div  style="cursor: pointer;float: left;width:50%;font-size: 18px;background-color:#f3f3f3;font-family: '微软雅黑';text-align: center;">
                    大师之家
                </div>
            </div>
            <ul id="ajax02" style="margin-left: 0px;margin-top:70px;padding: 10px;font-size: 14px;font-family: '微软雅黑';">
                <% dataszcwj.forEach(function(data, index){ %>
                <li style="margin-bottom: 10px;"><%if(index==0){%><img src="/images/huiyi.jpg" style="margin-right:5px; float: left"/><%}else{%><div style="clear: both"></div><%}%>
                    <a href="/showContent?id=<%=data.UploadFile_FileContentID%>"><%= data.UploadFile_FileName.split('.')[0] %></a><span
                            style="right: 5px;float: right"><%= data.UploadFile_ShowDate.substr(5) %></span></li>
                <% }) %>
                <a href="/showupload?id=11" style="float: right" target="_blank"><img src="/images/more1.jpg" ></a>
            </ul>
        </div>
        <div class="span3 column ui-sortable" style="margin-bottom: 10px">
            <div class="zaixianandxinxi"
                 style="margin-bottom: 40px;background-color: #f1f1f1;width: 100%;line-height: 45px;">
                <a>
                    <div
                         url="/getzxxxDatas" style="cursor: pointer;float: left;background-color:#000;color:#fff;width:50%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                        在线学习
                    </div>
                </a>
                <a style="color: #000;">
                    <div class=""
                         url="/getgqxxDatas" style="cursor: pointer;float: left;width:50%;font-size: 18px;background-color:#f1f1f1;font-family: '微软雅黑';text-align: center;cursor: pointer">
                        供求信息
                    </div>
                </a>
            </div>
            <ul id="ajax03" style="margin-left: -3px;padding: 10px;border:3px solid #f1f1f1;background-color:#fff;font-size: 13px;font-family: '微软雅黑';">

                <% dataszxxx.forEach(function(data,index){%>
                <li style="margin-bottom: 7px;">
                    <div style="float: left;margin-right: 20px;"><img src="<%=url+data.Courseware_Path.split('~')[1].split('.')[0]+'.jpg'%>" style="width: 60px;height: 55px"></div>
                    <div style="line-height: 33px;"><p style="font-size: 15px;font-family: '微软雅黑';height: 25px;">
                            <%= data.TrainingSort_Name%></p><p><%= data.TrainingOrganization_Name.length>4?data.TrainingOrganization_Name.substr(0,4)+'···':data.TrainingOrganization_Name%><a href="/player1?tid=<%=data.Training_ID%>&addr=<%=data.Courseware_Path.split('~')[1]%>" target="_blank"><input type="button" value="学习>" style="margin-top:5px;float:right;font-size: 12px;font-family: '微软雅黑';color:#fff;padding:0px;width:50px;height:22px;background-color:#6EA748;border:1px solid #6EA748;"></a></p>
                    </div>
                </li>
                <%})%>
                <a href="/onlineLearn" style="float: right" target="_blank"><img src="/images/more1.jpg" ></a>
                <div style="clear: both"></div>
            </ul>
        </div>
    </div>
</div>
<div style="background-color: #f1f1f1;padding-bottom: 10px">
    <div class="container" style="padding-top: 25px;margin-left: 10%;margin-right: 10%">
        <div class="span8 column ui-sortable" style="margin-left: 0;margin-right: 3%;padding-bottom: 15px;">
            <form action="/searchCourseware" method="get">
            <div style="background-color: #E6995B;line-height: 45px;padding: 1px;height: 45px;">
                <span style="margin-right:15px;margin-left:15px;font-size: 18px;font-family: '微软雅黑';color: #fff">课件超市</span>
                <input name="keyword" type="text" style="margin-bottom: 6px;height: 20px;margin-left:28%;margin-right: 10px;width: 40%">
                <input type="submit" value="搜索" style="font-size: 16px;font-family: '微软雅黑';color:#fff;padding:0px;width:95px;height:30px;margin-bottom:5px;background-color:#D97338;border:1px solid #D97338;">
            </div>
            </form>
            <div class="kejian" style="margin-top:15px;margin-bottom: 40px;background-color: #fff;width: 100%;line-height: 45px;">
                <a><div id="kjfirst" url="3" class="" style="cursor: pointer;float: left;background-color:#E6995B;color:#fff;width:25%;font-size: 18px;font-family: '微软雅黑';text-align: center;">管理课件</div></a>
                <a style="color: #000;"><div url="4" class="" style="cursor: pointer;float: left;width:25%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">技术课件</div></a>
                <a style="color: #000;"><div url="5" class="" style="cursor: pointer;float: left;width:25%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">安全课件</div></a>
                <a style="color: #000;"><div url="8" class="" style="cursor: pointer;float: left;width:25%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">其他课件</div></a>
            </div>
            <div id="ajax04" style="margin-top: 75px;padding: 5px;">
            </div>
        </div>
        <div class="span3 column ui-sortable" style="background-color:#fff;margin-left: 0;">
            <div style="margin-bottom: 15px;background-color: #E6995B;width: 100%;line-height: 45px;">
                <span style="margin-left: 6%;font-family: '微软雅黑';font-size: 18px;color: #fff;">培训机构</span>
            </div>
            <ul style="font-size: 13px;font-family: '微软雅黑';margin-left: 6%;padding-bottom: 15px;">
                <li>
                    <div id="myCarousel1" class="carousel slide" style="height:80px;width:240px;">
                        <ul class="carousel-indicators">
                            <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
                            <li data-target="#myCarousel1" data-slide-to="1"></li>
                            <li data-target="#myCarousel1" data-slide-to="2"></li>
                            <li data-target="#myCarousel1" data-slide-to="3"></li>
                        </ul>
                        <!-- Carousel items -->
                        <div class="carousel-inner">
                            <div class="active item"><img src="/images/danwei01.jpg"/>
                            </div>
                            <div class="item"><img src="/images/danwei02.jpg"/>
                            </div>
                            <div class="item"><img src="/images/danwei03.jpg"/>
                            </div>
                            <div class="item"><img src="/images/danwei04.jpg"/>
                            </div>
                        </div>
                        <!-- Carousel nav -->
                    </div>
                </li>
                <% pxjg.forEach(function(data,index){%>
                    <li style="margin-bottom: 7px;font-family: '微软雅黑';font-size: 15px;"><img src="/images/peixunleft.png" style="margin-right: 10px;padding-bottom: 3px;"/><a target="_blank" href="<%= data.TrainingOrganization_Link%>" style="color: #000000"><%= data.TrainingOrganization_Name%></a></li>
                <%})%>
            </ul>
        </div>
    </div>
</div>
<div style="background-color: #FAFAFA;padding-bottom: 10px">
    <div class="container" style="padding-top: 25px;margin-left: 10%;margin-right: 10%">
        <div class="span8 column ui-sortable" style="width: 790px;margin-left: 0;margin-right: 15px;padding-bottom: 15px;">
            <div class="danwei1"
                 style="margin-bottom: 40px;background-color: #fff;width: 100%;line-height: 45px;height:45px;margin-bottom: 15px;">
                <%datasdwlj.forEach(function(data,index){%>
                    <% if(index==0){%>
                        <a style="cursor: pointer">
                            <div url="<%= data.Department_ID%>" class="first01"
                                 style="float: left;background-color:#148F8F;color:#fff;width:12.5%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                                <%= data.Department_Name%>
                            </div>
                        </a>
                    <%}else if(index<8){%>
                        <a style="cursor: pointer;color: #000;">
                            <div url="<%= data.Department_ID%>" class=""
                                 style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                                <%= data.Department_Name%>
                            </div>
                        </a>
                    <%}%>
                <%})%>
            </div>

            <div id="ajax05" style="margin-top: 15px;">

            </div>
            <div class="danwei2"
                 style="margin-top:200px;background-color: #fff;width: 100%;line-height: 45px;height:45px;margin-bottom: 15px;">
                <%datasdwlj.forEach(function(data,index){%>
                <% if(index==8){%>
                <a style="cursor: pointer">
                    <div url="<%= data.Department_ID%>" class="first02"
                         style="float: left;background-color:#148F8F;color:#fff;width:12.5%;font-size: 18px;font-family: '微软雅黑';text-align: center;">
                        <%= data.Department_Name%>
                    </div>
                </a>
                <%}else if(index>8){%>
                <a style="cursor: pointer;color: #000;">
                    <div url="<%= data.Department_ID%>" class=""
                         style="float: left;width:12.5%;font-size: 18px;background-color:#fff;font-family: '微软雅黑';text-align: center;">
                        <%= data.Department_Name.trim().length>6?data.Department_Name.substr(0,4)+'···':data.Department_Name%>
                    </div>
                </a>
                <%}%>
                <%})%>
            </div>

            <div id="ajax06" style="margin-top: 15px;">

            </div>

        </div>

        <div class="span3 column ui-sortable" style="background-color:#fff;margin-left: 0;">
            <div style="margin-bottom: 15px;background-color: #148F8D;width: 100%;line-height: 45px;">
                <span style="margin-left: 6%;font-family: '微软雅黑';font-size: 18px;color: #fff;">人才风采</span>
            </div>
            <div style="font-size: 13px;font-family: '微软雅黑';margin-left: 6%;padding-bottom: 15px;">
                <!--<div style="margin-bottom: 5px;">-->
                    <!--<img src="/images/danweilianjie.jpg" style="margin-bottom: 10px;">-->
                <!--</div>-->
                <!--<% datasdwlj.forEach(function(data,index){%>-->
                <!--<% if (index%2==0){%>-->
                <!--<div style="margin-bottom: 10px;font-family: '微软雅黑';font-size: 15px;float: left"><a href="<%=data.DepartmentLink_Link%>" style="color: #000000" target="_blank"><%= data.Department_Name%></a></div>-->
                <!--<%}else{%>-->
                <!--<div style="padding-left: 130px;font-size: 15px;margin-bottom: 10px;"><a href="<%=data.DepartmentLink_Link%>" style="color: #000000" target="_blank"><%= data.Department_Name%></a></div>-->
                <!--<%}%>-->
                <!--<%})%>-->
                <% datasrwfc.forEach(function(data,index){%>
                <li style="margin-bottom: 10px;">
                    <div style="float: left;margin-right: 20px;"><img src="<%=url+data.PersonPre_Picpath.split('~')[1]%>" style="width: 60px;height: 65px"></div>
                    <div style="line-height: 40px;"><p style="font-size: 15px;font-family: '微软雅黑';height: 25px;">
                            <a href="<%=url+data.PersonPre_Filepath.split('~')[1]%>" target="_blank"><%=data.PersonPre_Name.trim().length>5?data.PersonPre_Name.substr(0,5)+'···':data.PersonPre_Name%></a></p><p><%=data.PersonPre_Introduce.trim().length>10?data.PersonPre_Introduce.substr(0,10)+'···':data.PersonPre_Introduce%></p>
                    </div>
                </li>
                <%})%>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #f1f1f1">
    <div class="container" style="padding-top: 25px;margin-left: 10%;margin-right: 10%">
        <div class="span12 column ui-sortable" style="margin-left: 0;padding-bottom: 15px;">
            <div style="font-family: '微软雅黑';font-size: 18px;background-color: #8D1014;color: #fff;width: 10%;height: 45;line-height: 45px;text-align: center">软件下载</div>
            <div style="padding: 10px;margin-top: 15px;width: 90%;margin-bottom: 15px;">
                <% datasrjxz.forEach(function(data,index){%>
                    <div style="float: left;text-align: center"><p style="height: 80px;"><img src="<%=url+data.Software_Picpath.split('~')[1]%>" style="margin: 11px;width: 72px;height: 65px"></p><a href="<%=url+data.Software_Path.split('~')[1]%>" target="_blank"><%=data.Software_Showname%></a></div>

                <%})%>
            </div>
        </div>
    </div>
</div>

<%- include footer.ejs %>

<script>
    $(function () {
        $('.zaixianandxinxi div').click(function () {
            $('.zaixianandxinxi div').css("background-color", "#f1f1f1");
            $('.zaixianandxinxi div').css("color", "#000");

            $(this).css("background-color", "#000");
            $(this).css("color", "#fff");
            //alert($(this).attr("url"))
//            $.loading.show();
//            $.alert.show('加载中···');
            $.ajax({
                type: "GET",
                url: ""+$(this).attr("url"),
                dataType: "text",
                beforeSend: function (){
                    $.loading.show();

                },
                success:function(result){
                    $.loading.dismiss();
                    $("#ajax03").html(result)
                }
            })
        });
    });
    $(function () {
        $('.menu1 div').click(function () {
            $('.menu1 div').css("background-color", "#f1f1f1");
            $('.menu1 div').css("color", "#000");
            $(this).css("background-color", "#6EA748");
            $(this).css("color", "#fff");
//            $.loading.show();
//            $.alert.show('加载中···');
            $.ajax({
                type: "GET",
                url: "/getDatas?id="+$(this).attr("url"),
                dataType: "text",
                beforeSend: function (){
                    $.loading.show();
                },
                success:function(result){
                    $.loading.dismiss();
                    $("#ajax01").html(result)
                }
            })
        });
    });
    $(function () {
        $('.menu2 div').click(function () {
            $('.menu2 div').css("background-color", "#f1f1f1");
            $('.menu2 div').css("color", "#000");

            $(this).css("background-color", "#6EA748");
            $(this).css("color", "#fff");
            if($(this).attr("url")){
//                $.loading.show();
//                $.alert.show('加载中···');
                $.ajax({
                    type: "GET",
                    url: "/getDatas?id="+$(this).attr("url"),
                    dataType: "text",
                    beforeSend: function (){
                        $.loading.show();
                    },
                    success:function(result){
                        $.loading.dismiss();
                        $("#ajax02").html(result)
                    }
                })
            }else{
                result='<iframe src="http://172.16.8.163:81/PlatForm/ExportExpertQuestion.aspx" frameborder="0"'
                +' style="margin: 0 0 0 0;" scrolling="no" width="100%;" height="200px"></iframe>'
                $("#ajax02").html(result)
            }

        });
    });
    $(function() {
        $.ajax({
            type: "GET",
            url: "/getkejianDatas?id="+$('#kjfirst').attr("url"),
            dataType: "text",
            success:function(result){
                $("#ajax04").html(result)
            }
        })
        $('.kejian div').click(function(e) {
            $('.kejian div').css("background-color","#fff");
            $('.kejian div').css("color","#000");

            $(this).addClass('active');
            $(this).css("background-color","#E6995B");
            $(this).css("color","#fff");
            if($(this).attr("url")){
//                $.loading.show();
//                $.alert.show('加载中···');
                $.ajax({
                    type: "GET",
                    url: "/getkejianDatas?id="+$(this).attr("url"),
                    dataType: "text",
                    beforeSend: function (){
                        $.loading.show();

                    },
                    success:function(result){
                        $.loading.dismiss();
                        $("#ajax04").html(result)
                    }
                })
            }
        });
    });
    $(function () {
        $.ajax({
            type: "GET",
            url: "/getgsxwDatas?id="+$('.first01').attr("url"),
            dataType: "text",
            success:function(result){
                $("#ajax05").html(result);
            }
        })
        $('.danwei1 div').click(function (e) {
            $('.danwei1 div').css("background-color", "#fff");
            $('.danwei1 div').css("color", "#000");

            $(this).addClass('active');
            $(this).css("background-color", "#148F8F");
            $(this).css("color", "#fff");
//            $.loading.show();
//            $.alert.show('加载中···');
            $.ajax({
                type: "GET",
                url: "/getgsxwDatas?id="+$(this).attr("url"),
                dataType: "text",
                beforeSend: function (){
                    $.loading.show();

                },
                success:function(result){
                    $.loading.dismiss();
                    $("#ajax05").html(result)
                }
            })
        });

    });
    $(function () {
        $.ajax({
            type: "GET",

            url: "/getgsxwDatas?id="+$('.first02').attr("url"),
            dataType: "text",
            success:function(result){
                $("#ajax06").html(result)
            }
        })
        $('.danwei2 div').click(function (e) {
            $('.danwei2 div').css("background-color", "#fff");
            $('.danwei2 div').css("color", "#000");

            $(this).addClass('active');
            $(this).css("background-color", "#148F8F");
            $(this).css("color", "#fff");
//            $.loading.show();
//            $.alert.show('加载中···');
            $.ajax({
                type: "GET",
                url: "/getgsxwDatas?id="+$(this).attr("url"),
                dataType: "text",
                beforeSend: function (){
                    $.loading.show();

                },
                success:function(result){
                    $.loading.dismiss();
                    $("#ajax06").html(result)
                }
            })
        });

    });
</script>
